@charset "utf-8";
input,select,textarea,button { outline:0; font-size: 12px; }
.form { border:1px solid #DDD; font-size:12px; padding:20px; overflow:hidden; margin:20px; }
.item { padding:20px 0; border-bottom:1px solid #EEE; line-height:38px; }
.item span { display:inline-block; vertical-align:top; }
.item select {
    margin-left: 63px;
    width: 505px;
    height: 40px;
    font-family: none;
    font-size: 14px;
    color: brown;
}
.item .width { width:500px; height: 38px }

.inElement { display:inline-block; _zoom:1; *display:inline; }
.inElement label { transition:all .5s; }
.inElement label:focus { background:#eee; }
.inText label { display:block; _zoom:1; *display:inline; border:1px solid #DDD; }
.inText label.hover { border-color:#1E5EBF; }
.inText label.focus { border-color:#1E5EBF; box-shadow:0 0 5px 0 rgba(30,94,191,.5); }
.inText input { border:0; margin:0; padding:10px; box-sizing:border-box; }
.inTextarea label { display:block; border:1px solid #DDD; }
.inTextarea label.hover { border-color:#1E5EBF; }
.inTextarea label.focus { border-color:#1E5EBF; box-shadow:0 0 5px 0 rgba(30,94,191,.5); }
.inTextarea label textarea { border:0; margin:0; padding:10px; box-sizing:border-box; }
.inSelect label { display:block; width:100%; border:1px solid #DDD; font-weight:normal; color:#353535; vertical-align:top; overflow:hidden;  margin:0; padding:0; z-index:2; position:relative; box-sizing:border-box; }
.inSelect label span,
.inSelect label em { height:36px; line-height:36px; display:inline-block; vertical-align:top;}
.inSelect label span { float:left; padding:0 10px; left:0; }
.inSelect label.disabled { background:#F5F5F5; color:#999; cursor:not-allowed; }
.inSelect .dropbox { width:100%; margin:0; padding:0; border:1px solid #DDD; clear:both; background:#FFF; z-index:1; left:0; box-sizing:border-box; border-top:0; z-index:-1; }
.inSelect .dropbox .listbox dl,
.inSelect .dropbox .listbox .option,
.inSelect .dropbox .listbox .optgroup { list-style:none; margin:0; padding:0;}
.inSelect .dropbox .listbox .option a,
.inSelect .dropbox .listbox .optgroup a { display:block; text-decoration:none; color:#353535; margin:0px; cursor:default; }
.inSelect .dropbox .listbox .option a span,
.inSelect .dropbox .listbox .optgroup a span { display:block; margin-left:10px; line-height:25px; }
.inSelect .dropbox .listbox .optgroup dt a { color:#000; font-weight:bold; margin:0px; }
.inSelect .dropbox .listbox .selected { background-color:#F3F3F3; }
.inSelect .dropbox .listbox .hover a { background-color:#1E5EBF; color:#FFF; }
.inSelect .dropbox .listbox .option a:hover { background-color:#1E5EBF; color:#FFF; }
.inSelect .dropbox .listbox .option a:hover span.selected { background-color:#1E5EBF; color:#FFF; }
.inSelect .dropbox .listbox dd.disabled a { background-color:#FFF; color:#999; cursor:not-allowed; }
.inSelect .dropbox .listbox dd.disabled a:hover { background-color:#FFF; color:#999; }
.inSelect .dropbox .listbox dd.disabled a span.selected { background-color:#FFF; }
.inSelect .dropbox .listbox dd.disabled a:hover span.selected { background-color:#FFF; color:#999; }
.inSelect .dropbox .listbox dd.option { overflow:hidden; }
.inSelect .dropbox .listbox dd.option a span { display:inline-block; }
.inSelect .dropbox .listbox dd .option a span { margin-left:20px; }
.inSelect .dropbox .multiple dd.disabled dt a span { background-image:none; }
.inSelect .dropbox .multiple dd.disabled dt a:hover span { background-image:none; }

input{
    outline-style: none ;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0px;
    width: 0px;
    height: 0px;
    font-size: 14px;
    font-weight: 700;
    font-family: "Microsoft soft";
}

input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
button{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 6px 20px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #bbb;
    overflow: visible;
    font: bold 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #555;

    background-color: #ddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
    background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));

    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -ms-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    background-clip: padding-box; /* Fix bleeding */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
